
<template>
  <div id="big-data-container" class="big-data-container">
	  <div style="text-align: center; width: 100%;height: 60px; margin: 0px auto;">
		  <div class ="bg-no" :style="{ display:'block',float:'left'}"><img height="80" src="./img/tb2.png"/></div>
		  <div class="c-center-rk" >联合重卡数字化业务系统监控大屏综合入口 </div>
	  </div>
	  
	  <div id="app" style="margin-top: 2%;" >
	  <el-row :gutter="20">
	   <el-col :span="6"><a href="http://10.100.8.241:9990/#/bigdata" target="_blank"><center class="c-center">联合重卡财务管理看板（需授权账户）</center><div class="grid-content bg-purple" :style="{backgroundSize:'100%',backgroundImage:'url(' + require('./img/aa.jpg') + ')'}"></div></a></el-col> 
	  	<el-col :span="6"><a href="http://10.100.8.241:9991/other_system/bigscreen/index-big.html" target="_blank"><center class="c-center">联合重卡生产运营大屏监控</center><div class="grid-content bg-purple" :style="{backgroundSize:'100%',backgroundImage:'url(' + require('./img/dd.jpg') + ')'}"></div></a></el-col>
	    <el-col :span="6"><a href="http://10.100.8.241:9990/#/digitaldata" target="_blank"><center class="c-center">联合重卡数字化部监控平台</center><div class="grid-content bg-purple" :style="{backgroundSize:'100%',backgroundImage:'url(' + require('./img/ff.png') + ')'}"></div></a></el-col>
	    <el-col :span="6"><a href="http://10.100.8.241:9990/#/wholeVehicle" target="_blank"><center class="c-center">联合重卡整车全流程运营大屏</center><div class="grid-content bg-purple" :style="{backgroundSize:'100%',backgroundImage:'url(' + require('./img/gg.png') + ')'}"></div></a></el-col>
	  </el-row>
	    <el-row :gutter="20">
	    <el-col :span="6"><center class="c-center">联合重卡人事统计大屏（开发中）</center><div class="grid-content bg-purple" :style="{backgroundSize:'100%',backgroundImage:'url(' + require('./img/hh.png') + ')'}"></div></el-col>
	  	<el-col :span="6"><a href="http://10.100.8.241:9990/#/downfile_front" target="_blank"><center class="c-center">联合重卡IT综合下载平台</center><div class="grid-content bg-purple" :style="{backgroundSize:'100%',backgroundImage:'url(' + require('./img/ee.jpg') + ')'}"></div></a></el-col>
		
	  </el-row>
	  </div>
  </div> 
</template>
	
<script>

 import "./bigdata/layout.less"; 
export default {
  
  
};
</script>

<style scoped>
	
  .el-row {
    margin-bottom: 46px;
    &:last-child {
      margin-bottom: 0;
	  
    }
  }
  .el-col {
    border-radius: 4px;
	
  }
  .bg-purple-dark {
    background: #99a9bf;
	
  }
  .bg-purple {
    background: #1977ed;
	
  }
  .bg-purple-light {
    background: #e5e9f2;
	
  }
  .grid-content {
	margin-left: 11px;
    border-radius: 4px;
    min-height: 245px;
	margin-right: 11px;
	background-repeat: no-repeat;
	
  }
  .row-bg {
    padding: 10px 0;
    /* background-color: #f9fafc;*/
  }
  .c-center{
  	  padding-top: 0.5%;font-size: 22px;color: aliceblue; 
  }
  a{
  	  text-decoration: none;
  }
  img{
   width:auto;
   height:auto;
   max-width:100%;
   max-height:100%;
  }
  .c-center-rk{
  	  margin-top: 1%;font-size: 30px;color: aliceblue;
	  padding-left: -20px;
  }
 

</style>




